.menu {
  border-top: 0.333333px solid #cccccc;
  .menu-left {
    width: 120px;
    height: 100%;
    background-color: #eee;
    flex-direction: column;

    .menu-left-item {
      height: 44px;
      align-items: center;
      justify-content: center;
      text {
        height: 100%;
        font-size: 16px;
        color: #000;
        font-weight: 100;
      }
    }

    // .div-light {
    //   font-weight: 900;
    //   width: 100%;
    //   background-color: #ffffff;
    //   text {
    //     color: #ee742f;
    //     height: 100%;
    //     border-bottom: 1px solid #ee742f;
    //   }
    // }
    .normal {
      background-color: #f3f3f3;
      text {
        font-size: 12px;
        font-weight: 100;
        height: 100%;
        align-content: stretch;
        color: #000;
        border-bottom: 0;
      }
    }
    .active {
      background-color: #fff;
      text {
        font-size: 12px;
        font-weight: 100;
        height: 100%;
        align-content: stretch;
        // color: #ee742f;
        // border-bottom: 2px solid #ee742f;
      }
    }
  }

  .menu-right {
    flex-wrap: wrap;
    .menu-right-item {
      width: 33.33333%;
      align-items: center;
      justify-content: center;
      height: 60px;
      text {
        font-size: 14px;
        font-weight: 100;
      }
    }
  }
}